<template>
    <a-breadcrumb class="breadcrumb">
        <a-breadcrumb-item v-for="item in breadcrumbList">
            {{ item.meta.title }}
        </a-breadcrumb-item>
    </a-breadcrumb>
</template>

<script setup lang="ts">
    const route = useRoute();
    const matched = route.matched.filter((item) => item.meta.title);
    const breadcrumbList = ref(matched);
</script>

<style lang="scss" scoped src="./SystemBreadcrumb.scss"></style>
